.topic{
  overflow:auto;
  .title{
    font-size: .18rem;
    font-weight: bolder;
  }
  .navList {
    .navBox {
      position: relative;
      padding-top: .72rem;
      .navBg {
        width: 100%;
        height: 3.28rem;
        position: absolute;
        top: 0;
        left: 0;
        background: url(../../asset/topicImg/topic_title_bg.2373a140.png);
        background-size: 100% 3.28rem;
        display: flex;
        .topicImg{
          padding-top: .32rem;
          margin-left: .1rem;
          margin-right: .05rem;
          width: .65rem;
          height: .34rem;
        }
        .navText{
          font-size: .14rem;
          font-family: 'PingFangSC-Regular';
          color: #fff;
          top: .44rem;
          padding-top: .41rem;
        }
      }
      //nav插件样式修改开始
      .nav>div>div>div:first-child{
        height: 2.7rem!important;
      }
      .nav>div>div>div:nth-child(2){
        background: #fff;
      }
      .nav>div>div>div:first-child>ul>li:first-child>div>div,.nav>div>div>div:first-child>ul>li:nth-child(2)>div>div{
        height: 1.25rem;
      }
      //nav插件样式修改结束
      .nav {
        border-radius: .08rem;
        margin: 0 .1rem;
        width: 3.55rem;
        background: #fff;
        overflow: hidden;
        .navImgBox{
          margin-top: .14rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          //-----------------
          img{
            width: .6rem;
            height: .6rem;
          }
          //----------------
          .navTitleBox {
            .navBigTitle {
              display: block;
              margin: .03rem 0 .06rem;
              font-weight: bolder;
              font-size: .14rem;
            }
          
            .navSmallTitle {
              display: block;
              font-size: .11rem;
              color: #333333;
            }
          }
        }
      }
    }
  }
  .goodsBox {
    width: 100%;
    min-height: 3rem;
    margin-top: .15rem;
    background: #EEEEEE;
    .goodsList {
      height: 100%;
      margin: 0 .1rem;
      // display: flex;
      // justify-content: space-between;
      .goodsLeft{
        height: 100%;
        // margin: 0 .1rem;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
      }
      .goods{
        width: 48%;
        // margin: 0 .05rem;
      }
      .goodsRight{
        width: 50%;
        height: 100%;
        margin-left: .05rem;
      }
    }
  }
}
.goods{
  width: 100%;
  border-radius: .1rem;
  overflow: hidden;
  margin-bottom: .1rem;
  padding-bottom: .1rem;
  background: #fff;
  img{
    width: 100%;
  }
  .goodsTitle{
    height: .36rem;
    display: block;
    font-size: .14rem;
    line-height: .18rem;
    text-align: justify;
    margin: .08rem .08rem 0;
  }
  .goodsUser {
    height: .24rem;
    margin: .2rem .08rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  .userImg {
    display: flex;
    align-items: center;
    height: .24rem;
    overflow: hidden;
    img {
      border-radius: 50%;
        width: .24rem;
        height: .24rem;
        margin-right: .04rem;
      }
      span {
        font-size: .10rem;
      }
    }
  
  
  .userLook {
    display: flex;
    align-items: center;
    height: 100%;
      img {
        width: .16rem;
        height: .16rem;
      }
  
      span {
        font-size: .10rem;
      }
    }
  }
}
